<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 1.引入重置样式表 -->
    <link rel="stylesheet" href="./css/normalize.css" />
    <!-- 2.引入自定义重置样式表 -->
    <link rel="stylesheet" href="./css/reset.css" />
    <!-- 3.引入公共样式 -->
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/case.css" />
</head>

<body>
    <!-- 头部 -->
    <header class="cf">
        <!-- 源码大数据 -->
        <div class="fl">
            <img src=".//imgs/logo-white.png" alt="">
        </div>
        <!-- 登录注册 -->
        <div class="register fr">
            <a href="">登录</a>
            <a href="">注册有礼</a>
        </div>
        <div class="container" id="header">
            <ul>
                <li><a href="">首页</a></li>
                <li><a class="on" href="">APL</a></li>
                <li><a href="">云服务</a></li>
                <li><a href="">案例</a></li>
                <li><a href="">开发者</a></li>
            </ul>
        </div>
    </header>
    <!-- banner区域 -->
    <div class="banner">
        <div class="container">
            <h1 class="h3general fc-white">
                数据安全和可靠合规的服务</h1>
            <p class="pgeneral fc-white">保证每一个客户放心使用</p>
            <a class="ageneral fc-white" href="">-精选案例-</a>
        </div>
    </div>
    <div class="">

    </div>

    <!-- 金融 -->

    <div class="financial">
        <div class="container ">
            <div class="da" id="finance">
                <p class="fw">金融案例/ <span class="fz-12 fc-hui">financial Case</span>
                <ul class="flex-w " id="fix">

                </ul>
            </div>
            <div class="da" id="finance">
                <p class="fw">企业案例/ <span class="fz-12 fc-hui">financial Case</span>
                <ul class="flex-w " id="fix">

                </ul>
            </div>
            <div class="da" id="finance">
                <p class="fw">财务案例/ <span class="fz-12 fc-hui">financial Case</span>
                <ul class="flex-w " id="fix">

                </ul>
            </div>
        
            <div class="lift">
                <div class="container">
                  <div>金融案例</div>
                  <div>企业案例</div>
                  <div>政务案例</div>
                  <div>更多伙伴</div>
                </div>
            </div>
        </div>
        <!-- 跟多伙伴 -->
        <div class="partner">
            <div class="container">
                <p class="fw">金融案例/ <span class="fz-12 fc-hui">financial Case</span>
                    <span id="spanbox"></span>
                </p>
                <ul class="flex-w">
                    <li>
                        <img src="./imgs/kuaishou.svg" alt="">
                    </li>
                    <li>
                        <img src="./imgs/jingdong.svg" alt="">
                    </li>
                    <li>
                        <img src="./imgs/kuaishou.svg" alt="">
                    </li>
                    <li>
                        <img src="./imgs/jingdong.svg" alt="">
                    </li>
                    <li>
                        <img src="./imgs/kuaishou.svg" alt="">
                    </li>
                    <li>
                        <img src="./imgs/jingdong.svg" alt="">
                    </li>
                    <li>
                        <img src="./imgs/kuaishou.svg" alt="">
                    </li>
                    <li>
                        <img src="./imgs/jingdong.svg" alt="">
                    </li>
                    <li>
                        <img src="./imgs/kuaishou.svg" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <!-- 业尾 -->
        <footer>
            <div class="container ">
                <ul class="footerfl">
                    <li>
                        <h1>联系与支持</h1>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>
                    <li>
                        <h1>联系与支持</h1>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>
                    <li>
                        <h1>联系与支持</h1>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>
                    <li>
                        <h1>联系与支持</h1>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>
                    <li>
                        <h1>联系与支持</h1>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                    </li>
                </ul>
                <div class="footerfr">
                    <div>
                        <h1 class="fr">微信公众号</h1>
                        <p class="fr f12-1">源码时代</p>
                        <img src="./imgs/showqrcode.jpg" alt="">
                    </div>
                </div>
            </div>
        </footer>


        <script src="./js/case.js"></script>
</body>

</html>